<template>
  <div class="body" id="app">
    <div class="header">
      <Header />
    </div>

    <div class="main">
      <router-view  />
    </div>

    <Loading />
    <Alert />
  </div>
</template>
<script>
// * components 组件
import Loading from '@/components/loading/Loading.vue';
import Header from '@/components/header/Header.vue';
import Alert from '@/components/alert/Alert.vue';

export default {

  components: { Loading, Header, Alert },
};
</script>

<style lang="scss">

@import '@/style/global.scss';
*{
  padding : 0px;
  margin : 0px;
}
.body{
  padding : 0 120px;
  margin : 0 120px;
  .header{
  position : relative;
  top : 53px;
  width : 1440px;
  }
  .main{
  position : relative;
  top : 100px;
  }
}

</style>
